<template>
    <p ref="elemRef">我是一行文字</p>
</template>

<script>
import { ref, onMounted } from 'vue'

export default {
    name: 'RefTemplate',
    
    setup() {
        // 创建一个响应式值（存储元素地址）
        const elemRef = ref(null)

        // 挂载成功后获取DOM元素
        onMounted(() => {
            console.log( elemRef.value)
            elemRef.value.innerText = "我是修改后的文本"
        })

        /* 向模板返回响应式数据 */
        return {
            elemRef
        }
    }
}
</script>